<template>
  <div id="app">
   	
   	<tabbar>
   		<tabbar-item selected link="/">
   			<img slot="icon" src="static/1.png" />
   			<span slot="label">首页</span>
   		</tabbar-item>
   		<TabbarItem link="/friends">
   			<img slot="icon" src="static/2.png" />
   			<span slot="label">好友</span>
   		</TabbarItem>
   		<TabbarItem link="/active">
   			<img slot="icon" src="static/3.png" />
   			<span slot="label">动态</span>
   		</TabbarItem>
   		<TabbarItem link="/setting">
   			<img slot="icon" src="static/4.png" />
   			<span slot="label">设置</span>
   		</TabbarItem>
   		
   	</tabbar>
   	
    <router-view></router-view>
    
    
  </div>
</template>

<script>
	
	import {Tabbar,TabbarItem} from "vux";
	
	export default {
		components:{
			Tabbar,
			TabbarItem
		},
	  name: 'app'
	}
</script>

<style>

</style>
